.hospital-detail {
  &-bg {
    height: 600rpx;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;

    image {
      width: 100%;
      filter: blur(20px);
    }
  }
  &__main {
    position: relative;
    margin: 80rpx 20rpx;

    &-head {
      position: relative;
      height: 160rpx;
      background-color: #fff;
      border-radius: 10rpx;
      margin-bottom: 20rpx;

      .h-avatar {
        position: absolute;
        width: 120rpx;
        height: 120rpx;
        left: 20rpx;
        top: -60rpx;
        border-radius: 10rpx;
      }

      &-top {
        &-mid {
          position: absolute;
          // display: flex;
          left: 160rpx;
          top: -56rpx;
          right: 20rpx;


          &-txt {
            color: #fff;
            font-weight: bold;
            margin-bottom: 30rpx;
          }

          &-transform {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 24rpx;

            &-desc {
              font-weight: bold;
              color: darkgreen;
              display: flex;
              gap: 10rpx;
            }

            .tranform-txt {
              color: #999;
            }
          }
        }

        &-address {
          position: absolute;
          bottom: 20rpx;
          left: 20rpx;
          display: flex;
          justify-content: space-between;
          align-items: center;
          right: 20rpx;
          font-size: 24rpx;
          color: #999;
          gap: 10rpx;

          &-btn {
            margin-left: auto;
          }
        }
      }
    }

    &-content {
      padding: 20rpx;
      background-color: #fff;

      &-title {
        font-weight: bold;
        font-size: 28rpx;
        color: #333;
      }

      &-item {
        margin: 40rpx auto;
        display: flex;
        justify-content: space-between;
        gap: 20rpx;
        align-items: center;

        image {
          width: 120rpx;
          height: 120rpx;
        }

        button {
          margin-left: auto;
          width: 120rpx;
          font-size: 24rpx;
        }

        &-txt {
          flex: 1;


          &-title {
            font-weight: bold;
          }

          &-desc {
            color: #999;
            font-size: 24rpx;
            margin: 10rpx 0;
          }

          &-price {
            font-size: 24rpx;
            color: green;

            .extra {

              font-weight: bold;
              font-size: 36rpx;
            }
          }
        }
      }
    }
  }
  .popup-content {
		height: 300rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 30rpx;

		&-title {
			width: 100%;
			display: flex;
			height: 60rpx;
			justify-content: space-between;
			align-items: center;

			.share-txt {
				flex: 1;
				text-align: center;
				font-weight: bold;
			}

			.iconfont {
				text-align: left;
				width: 30rpx;
			}
		}


		&-main {
			display: flex;
			margin-top: 20rpx;
			width: 100%;

			&-wxin,
			&-img {
				flex: 1;
				text-align: center;
				margin: 20rpx;

				.iconfont {
					font-size: 60rpx;
				}

				.title {
					font-size: 24rpx;
					color: #999;
					margin-top: 20rpx;
				}
			}

			&-wxin {
				button:after {
					border: none;
				}

				button {
					background: none;
					position: relative;
					display: block;
					margin-left: auto;
					margin-right: auto;
					padding-left: 0px;
					padding-right: 0px;
					box-sizing: border-box;
					text-align: center;
					text-decoration: none;
					line-height: 1;
				}
			}
		}



	}
}